﻿<script src="~/lib/vue/dist/vue.global.js"></script>
<link href="~/lib/element-plus/dist/index.css" rel="stylesheet" />
<script src="~/lib/element-plus/dist/index.full.js"></script>
<script src="~/lib/axios/dist/axios.js"></script>
<div id="app">
	<table width="100%">
		<tr>
			<td>
				<p color="black">您正在做的业务是:人力资源--培训管理--调动登记查看</p>
			</td>
		</tr>

	</table>
	<table width="100%" border="1" cellpadding=0 cellspacing=1
		   bordercolorlight=#848284 bordercolordark=#eeeeee
		   class="TABLE_STYLE1">
		<tr>
			<td class="TD_STYLE1">
				档案编号
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.humanId" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				姓名
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.humanName" class="aaa"></el-input>
			</td>
			<td>&nbsp; </td>
			<td>&nbsp; </td>
			<td>&nbsp; </td>
			<td>&nbsp; </td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				原一级机构
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.firstKindName" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				原二级机构
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.secondKindName" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				原三级机构
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.thirdKindName" class="aaa"></el-input>
			</td>
			<td>&nbsp; </td>
			<td>&nbsp; </td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				原职位分类
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.majorKindName" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				原职位名称
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.majorName" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				原薪酬标准
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.salaryStandardName" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				原薪酬总额
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.salarySum" class="aaa"></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				新一级机构
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.newfirst" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				新二级机构
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.newsecond" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				新三级机构
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.newthird" class="aaa"></el-input>
			</td>
			<td>&nbsp; </td>
			<td>&nbsp; </td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				新职位分类
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.newmajorKindName" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				新职位名称
			</td>
			<td class="TD_STYLE2">
				<el-input  v-model="obj.newmajorName" class="aaa"> </el-input>
			</td>
			<td class="TD_STYLE1">
				新薪酬标准
			</td>
			<td class="TD_STYLE2">
                <el-input v-model="obj.newstandardName" class="aaa"> </el-input>
			</td>
			<td class="TD_STYLE1">
				新薪酬总额
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.newsalarySum" class="aaa"></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				登记人
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.register" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				登记时间
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.registTime" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				复核人
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.checker" class="aaa"></el-input>
			</td>
			<td class="TD_STYLE1">
				复核时间
			</td>
			<td class="TD_STYLE2">
				<el-input v-model="obj.checkTime" class="aaa"></el-input>
			</td>
		</tr>
		<tr>
			<td class="TD_STYLE1">
				调动原因
			</td>
			<td class="TD_STYLE2" colspan="8">
				<textarea v-model="obj.changeReason" name="emajorRelease.majorDescribe" rows="4" cols="80" class="TEXTAREA_STYLE1"></textarea>
			</td>
		</tr>
	</table>
</div>
<script>
	const { createApp, ref, reactive, computed, watchEffect } = Vue;
	var app = createApp({
		setup() {
			const urlParams = new URLSearchParams(window.location.search);
			const rowData = JSON.parse(urlParams.get('rowData'));
			//初始化得值
			const obj = reactive({
				mchId: rowData.mchId,
				humanId: rowData.humanId,
				humanName: rowData.humanName,
				firstKindName: rowData.firstKindName,
				secondKindName: rowData.secondKindName,
				thirdKindName: rowData.thirdKindName,
				majorKindName: rowData.majorKindName,
				majorName: rowData.majorName,
				salaryStandardName: rowData.salaryStandardName,
				salarySum: rowData.salarySum,
				newsalarySum: rowData.newSalarySum,
				register: rowData.register,
				registTime: rowData.registTime,
				changeReason: rowData.changeReason,
				checker: rowData.checker,
				checkTime: rowData.checkTime,
				newfirst: rowData.newFirstKindName,
				newsecond: rowData.newSecondKindName,
				newthird: rowData.newThirdkindName,
				newmajorKindName: rowData.newMajorKindName,
				newmajorName: rowData.newMajorName,
                newstandardName: rowData.newSalaryStandardName,

			})	
			return{
				obj,
			}
		}
	})
	app.use(ElementPlus);
	app.mount("#app");
</script>
<style type="text/css">
	body {
		background-color: #FFFFBB;
		border: 1px solid #FFDB6F;
		display: block;
		margin: 8px;
	}

</style>
